import Vue from 'vue'
import App from './App.vue'
// 引入 vuex的仓库
import store from "./store"
// 引入vue 点击事件 
//典型场景：假设我们有一个下拉框组件，当下拉框展开的时候，点击下拉框之外的元素可以自动关闭下拉框。
import ClickOutside from "vue-click-outside";
// 日历组件
import VCalendar from "v-calendar";
// vue 的图标
import VChart, { VeAmap } from 'v-charts';
// elementUI
import ElementUI from 'element-ui';
// echart 图表
import * as echarts from "echarts"
// moment 组件 和时间相关
import * as moment from "moment"

// 注册 使用
// directive Vue的自定义指令 之后可以在模版中任何元素上使用 v-ClickOutside
// 不理解可以看一下这篇文章 https://juejin.cn/post/6953879183600648229
Vue.directive("ClickOutside", ClickOutside);
// 全局注册组件
Vue.component("VCalendar", VCalendar);
Vue.use(VCalendar);
Vue.use(ElementUI);
Vue.use(VChart)
Vue.prototype.$echarts = echarts;
Vue.prototype.$moment = moment;

import("./assets/css/transition.css");
import("./helpers/rightClick")
// 阻止启动时候的生产提示
Vue.config.productionTip = false


new Vue({
  store,
  render: h => h(App),
}).$mount('#app')
